<template>
  <el-dropdown trigger="click">
    <el-button size="medium" type="primary" icon="el-icon-menu" plain></el-button>
    <el-dropdown-menu slot="dropdown">
      <EditUserInfo></EditUserInfo>
      <ChangeEmail></ChangeEmail>
      <EditPassword></EditPassword>
      <Feedback></Feedback>
      <el-dropdown-item icon="el-icon-info" @click.native="dialogVisible = true">关于我们</el-dropdown-item>
      <el-dialog title="关于我们" :visible.sync="dialogVisible" append-to-body width="30%">
        <H2>失物招领系统</H2>
        <p>作者：张铭诚、魏荐书、毛奕娆、刘锦奇、郭啸尘</p>
      </el-dialog>
    </el-dropdown-menu>
  </el-dropdown>
</template>

<script>
import EditUserInfo from "@/views/home/aside/components/dropdown/items/EditUserInfo.vue";
import ChangeEmail from "@/views/home/aside/components/dropdown/items/ChangeEmail.vue";
import EditPassword from "@/views/home/aside/components/dropdown/items/EditPassword.vue";
import Feedback from "./items/Feedback.vue";

export default {
  components: { EditPassword, ChangeEmail, EditUserInfo, Feedback },
  data() {
    return {
      dialogVisible: false
    }
  }
}
</script>

<style scoped></style>
